<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>薪资查看考勤</title>
</head>
<body>
<style type="text/css">
	*{
		margin:0px;
		padding:0px;
	}
	.background{
		width: 100%;
	    height: 595px;
	    background-color: #fff;
	}
	.background_1{
		width: 98%;
	    height: 569px;
	    margin: 0px auto;
	    background-color: #fff;
	}
	.form-cx{
		width:1000px;
		height:325px;
		margin: 0px auto;
		font-size:16px;
	}
	.pay-div{
		width:840px;
		height:30px;
		margin: 0px auto;
		text-size:16px;
	}
	.pay-text3{
		margin-left: 12px;
	}
	.pay-text4{
		margin-left: 87px;
	}
	.pay-input1{
		width: 200px;
	    height: 25px;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    margin-right: 175px;
	    text-indent: 5px;
	}
	.pay-input2{
		width: 200px;
	    height: 25px;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    text-indent: 5px;
	}
	.pay-text1{
		margin-left: 63px;
	}
	.pay-text2{
		margin-left: 48px;
	}
	.pay-text3{
		margin-left: 64px;
	}
	.pay-div1{
		width:840px;
		height:55px;
		margin:0px auto;
	}
	.pay-left{
		width:300px;
		height:20px;
		float:left;
		margin-left:20px;
		margin-bottom:25px;
		color:red;
		font-size:12px;
		text-indent: 50px;
		display: none;
	}
	.pay-right{
		width:300px;
		height:20px;
		float:right;
		margin-left:20px;
		margin-bottom:25px;
		color:red;
		font-size:12px;
		text-indent: 55px;
		display: none;
	}
	#qingjia1,#qingjia3,#qingjia5,#qingjia7,#qingjia9{
		float:left;
		border:1px solid #fff;
	}
	#qingjia2,#qingjia4,#qingjia6,#qingjia8,#qingjia10{
		float:right;
		border:1px solid #fff;
	}
	.pay-text4{
		margin-left:10px;
	}
	.jiantou{
		width:60px;
		height:60px;
		background-image:url("static/easyui/themes/icons/jiantouxu.png");
		position: relative;
    	margin-left: 15px;
	    cursor: pointer;
	    top: 10px;
	    margin-bottom: 10px;
	}
	.geshui{
		width: 226px;
	    height: 30px;
	    margin: 0px auto;
	    margin-top: 90px;
	    color: red;
	}
</style>
<script type="text/javascript">
	$(function(){
		$("#qingjia1").hover(function(){
			$("#qing-text1").toggle();			
		});
		$("#qingjia2").hover(function(){
			$("#qing-text2").toggle();			
		});
		$("#qingjia3").hover(function(){
			$("#qing-text3").toggle();			
		});
		$("#qingjia4").hover(function(){
			$("#qing-text4").toggle();			
		});
		$("#qingjia5").hover(function(){
			$("#qing-text5").toggle();			
		});
		$("#qingjia6").hover(function(){
			$("#qing-text6").toggle();			
		});
		$("#qingjia7").hover(function(){
			$("#qing-text7").toggle();			
		});
		$("#qingjia8").hover(function(){
			$("#qing-text8").toggle();			
		});
		$("#qingjia9").hover(function(){
			$("#qing-text9").toggle();			
		});
		$("#qingjia10").hover(function(){
			$("#qing-text10").toggle();			
		});
	});
	function fanhui(){
		add("mysalary");
	}
</script>
	<div class="background">
		<div class="background_1">
			<div class="jiantou" onclick="fanhui()"></div>
			<div class="form-cx">
				<form class="form" method="post">
					<div class="pay-div">
						<div id="qingjia1">
					    	<span class="pay-text1">请假(天)</span>
					    	<input type="text" disabled="disabled" class="pay-input1" id="qings" value="${kq.AM_QING}">
				    	</div>
				    	<div id="qingjia2">
					    	<span>休息日加班(小时)</span>
					    	<input type="text" disabled="disabled" class="pay-input2" value="${kq.AM_XIUJIA}">
				    	</div>
				    </div>
				    <div class="pay-div1">
				    	<div class="pay-left" id="qing-text1">一天基本工资* 请假天数【扣】</div>
				    	<div class="pay-right" id="qing-text2">加班小时*一小时基本工资*1.5倍【加】</div>
				    </div>
				    <div class="pay-div">
				    	<div id="qingjia3">
					    	<span>工作日加班(小时)</span>
					    	<input type="text" disabled="disabled" class="pay-input1" value="${kq.AM_GONGJIA}">
				    	</div>
				    	<div id="qingjia4">
					    	<span>节假日加班(小时)</span>
					    	<input type="text" disabled="disabled" class="pay-input2" value="${kq.AM_JIEJIA}">
				    	</div>
				    </div>
				    <div class="pay-div1">
				    	<div class="pay-left" id="qing-text3">加班小时*一小时基本工资【加】</div>
				    	<div class="pay-right" id="qing-text4">加班小时*一小时基本工资*2倍【加】</div>
				    </div>
				    <div class="pay-div">
				    	<div id="qingjia5">
					    	<span class="pay-text3">迟到(次)</span>
					    	<input type="text" disabled="disabled" class="pay-input1" value="${kq.AM_CHI}">
				    	</div>
				    	<div id="qingjia6">
					    	<span class="pay-text3">旷工(天)</span>
					    	<input type="text" disabled="disabled" class="pay-input2" value="${kq.AM_KUANG}">
				    	</div>
				    </div>
				    <div class="pay-div1">
				    	<div class="pay-left" id="qing-text5">迟到一次 扣50￥【扣】</div>
				    	<div class="pay-right" id="qing-text6">旷工一天*一天基本工资*1.5【扣】</div>
				    </div>
				    <div class="pay-div">
				    	<div id="qingjia7">
					    	<span class="pay-text3">早退(次)</span>
					    	<input type="text" disabled="disabled" class="pay-input1" value="${kq.AM_CHI}">
				    	</div>
				    	<div id="qingjia8">
					    	<span class="pay-text4">考勤天数(天)</span>
					    	<input type="text" disabled="disabled" class="pay-input2" value="${kq.AM_YINGCHU}">
				    	</div>
				    </div>
				    <div class="pay-div1">
				    	<div class="pay-left" id="qing-text7">早退次 扣50￥【扣】</div>
				    	<div class="pay-right" id="qing-text8">考勤天数与实到天数相同，全勤奖200￥【加】</div>
				    </div>
				    
				    <div class="pay-div">
						<div id="qingjia9">
					    	<span class="pay-text1">缺勤(天)</span>
					    	<input type="text" disabled="disabled" class="pay-input1" id="qings" value="${kq.AM_QUE}">
				    	</div>
				    	<div id="qingjia10">
					    	<span>实到天数（天）</span>
					    	<input type="text" disabled="disabled" class="pay-input2" value="${kq.AM_SHICHU}">
				    	</div>
				    </div>
				    <div class="pay-div1">
				    	<div class="pay-left" id="qing-text9">缺勤一天*一天基本工资*1.5【扣】</div>
				    	<div class="pay-right" id="qing-text10">实到打卡天数</div>
				    </div>
				</form>
			</div>
			<div class="geshui"><p>*个税是根据2019年国家税率计算标准计算</p>
								<p>*加班员工获得200￥交通补贴费</p>
								<p>*项目金额是套账项目总和</p>
			</div>
		</div>
	</div>
</body>
</html>